.flexcenter {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexbetween {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flexaround {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.flexStart {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flexEnd {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.container {
	width: 16.5rem;
	height:auto;
	/* border:0.01rem solid #f00; */
	font-size: 0.16rem;
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	overflow: hidden;
}

.container .topnav {
	height: 0.36rem;

}

.container .topnav .topleftbtn {
	width: 2.18rem;
	height: 0.36rem;
	background: rgba(238, 241, 247, 1);
	border-radius: 0.04rem 0.04rem 0rem 0rem;

}

.container .topnav .toprightbtn {
	width: 1.38rem;
	height: 0.36rem;
	background: rgba(238, 241, 247, 1);
	border-radius: 0.04rem 0.04rem 0rem 0rem;
	margin-left: 0.1rem
}

.topnav .selecked {
	background: linear-gradient(96deg, rgba(110, 199, 251, 1) 0%, rgba(53, 124, 166, 1) 100%) !important;
	color: #fff;
}

.wallets {
	display: flex; 
	align-items: center;
	height: 2.22rem;
	border: 0.01rem solid #eee;
	border-top: 0.01rem solid #eee;
	border-bottom: 0.01rem solid #eee;
	padding: 0.1rem 0rem;
}

.wallet {
	flex: 1 1 33.33%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0rem 0rem 0.06rem 0rem rgba(234, 247, 255, 1);
	border-radius: 0.04rem;
	margin-right: 0.1rem;
	font-size: 0.14rem;
}

.wallet .wallet-top {
	padding: 0.1rem;
	height: 0.2rem;
	/* border:0.01rem solid #eee; */
}

.wallet .wallet-top .wleft {
	border-left: 0.05rem solid #0197ED;
	padding-left: 0.1rem;
	height: 0.2rem;
}

.wallet .wallet-top .wright {
	color: #3C8DBC;
}

.wallet .wallet-bom {
	text-align: center;
	margin-top: 0.2rem;
}

.wallet .wallet-bom img {
	width: 0.4rem;
	height: 0.4rem;
}

.wallet .wallet-bom .wtotal {
	font-size: 0.2rem;
	font-weight: 600;
	height: 0.4rem;
	line-height: 0.4rem;
}

.wallet .wallet-bom .wtext {
	color: #333
}

#searchRow {
	height: 0.76rem;
	border-top: #F9FAFC 0.1rem solid;
	border-bottom: #F9FAFC 0.1rem solid;
	margin-top: 0.1rem;
}

#searchRow .inputbox {
	width: 1.99rem;
	height: 0.36rem;
	background: rgba(255, 255, 255, 1);
	border-radius: 0.03rem;

	margin-right: 0.2rem;
}

#searchRow .inputbox input {
	width: 100%;
	height: 100%;
	border-radius: 0.05rem;
	outline: none;
	border: 0.01rem solid #eee;
	text-align: center;
}

#searchRow .marktext {
	height: 0.36rem;
	color: #3C8DBC;
	margin-right: 0.2rem;
	line-height: 0.36rem;
}

#searchRow .btn {
	width: 0.8rem;
	height: 0.36rem;
	background: rgba(60, 141, 188, 1);
	border-radius: 0.04rem;
	color: #fff;
}

#searchRow .btn:active {
	background: #6AC2F5;
}

.Recharge {
	height: 5.6rem;
	border-bottom: #F9FAFC 0.1rem solid;
	background: #F9FAFC;
}

.Service {
	width: 8.1rem;
	height: 5.6rem;
	border-radius: 0.04rem;
	background: #fff;
	color: #333
}

.Service .navrow {
	height: 0.5rem;
	padding-left: 0.1rem;
}

.Service .navrow .navbtn {
	height: 0.5rem;
	display: inline-block;
	line-height: 0.7rem;
	padding: 0 0.05rem;
	margin-right: 0.2rem;
	font-size: 0.14rem;
}

.Service .navrow .mbtn {
	width: 1.06rem;
	height: 0.35rem;
	display: inline-block;
	line-height: 0.35rem;
	font-size: 0.14rem;
	margin-top: 0.12rem;
	background: rgba(245, 247, 250, 1);
	border-radius: 100px;
	text-align: center;
	margin-right: 0.05rem;

}

.navborder {
	border-bottom: #1EACFF solid 0.02rem;
}

.mbtnblue {
	background: #6AC2F5 !important;
	color: #fff;
}

.Service .echartContainer {
	height: 4rem;
	margin-top: 0.5rem;
	padding-left: 0.1rem
}

#chong {
	border-bottom: 0.01rem solid #F4FAFE;
}

#erchong {
	border-bottom: 0.01rem solid #F4FAFE;
}

.bigf {
	font-size: 0.18rem !important;
}

.otccontainer {
	height: 2.68rem;
	background: #F9FAFC;
	margin-top: -0.1rem;
}

.otccontainer .otcleft {
	width: 10rem;
	height: 2.48rem;
	background: #fff;
	margin-left: 0.08rem;

}



.otccontainer .navrow {
	height: 0.5rem;
	padding-left: 0.1rem;
}

.otccontainer .navrow .navbtn {
	height: 0.5rem;
	display: inline-block;
	line-height: 0.7rem;
	padding: 0 0.05rem;
	margin-right: 0.2rem;
	font-size: 0.14rem;
}

.rowboxs {
	height: 1.42rem;
	margin-top: 0.2rem;
	padding: 0 0.1rem;
}

.rowboxs .rows {
	width: 2.6rem;
	height: 1.42rem;
	border: 0.03rem solid #F6FCFF;
}

.rowboxs .flexrow {
	height: 0.4rem;
	padding: 0 0.1rem;
	font-size: 0.14rem;
}

.bluec {
	color: #3C8DBC !important
}

.blueStrong {
	font-weight: 600;
	font-size: 0.18rem !important;
}

.borderd {
	border-bottom: 0.01rem solid #F6FCFF !important;
}

.otccontainer .otcright {
	width: 5.25rem;
	height: 2.48rem;
	margin-left: 0.1rem;
	background: #fff;
}

.otcright .datatable {
	height: 1.5rem;
	padding: 0.1rem;
}

.otcright .datatable .datachild {
	width: 1.9rem;
	height: 1.9rem;
	text-align: center;
	margin-left: -0.1rem;
	margin-top: 0.5rem;
}

.canvs {
	height: 1.2rem;
}

.datachild .number {
	height: 0.2rem;
	font-weight: 600;
}

.datachild .zhu {
	height: 0.3rem;
}
